
var uploadfileimgWhich = 1;

$(".image_container img").each(function(){     
	$(this).click(function(){	
	     var uploadImg=$(this).attr('src');
	     var bigImg=$('.big-img');
		$(".bigpic").show();
		   bigImg.attr('src',uploadImg);	        
	});
	    $(".bigpic").click(function(){
	           $(".bigpic").hide();    	
		});
});


$(function() {
	$(document).on('click','#file_upload10',function(){
		uploadfileimgWhich = 10;
		var imag = $("#view").css('background-image');
		if(imag ==null || imag == ''){
			return false;
		}
		var str = imag.replace('url(','').replace(')','').replace(/\"/gi, "");
		uploadFile(str,'jpg');
		});
	});

	$(function() {
		$("#file_upload1").change(function() {
		
			uploadfileimgWhich = 1;
			var arr = $(this).val().split(".");
			lrz(this.files[0])
	        .then(function (rst) {
	            // 处理成功会执行
	            console.log(rst);
	            uploadFile(rst.base64,arr[1]);
	        })
	        .catch(function (err) {
	            // 处理失败会执行
	        })
	        .always(function () {
	            // 不管是成功失败，都会执行
	        });	
			
		var $file = $(this);
		var fileObj = $file[0];
		var windowURL = window.URL || window.webkitURL;
		var dataURL;
		var $img = $("#preview1");
		 
		if(fileObj && fileObj.files && fileObj.files[0]){
		dataURL = windowURL.createObjectURL(fileObj.files[0]);
		$img.attr('src',dataURL);
		}else{
		dataURL = $file.val();
		var imgObj = $("#preview1");
		// 两个坑:
		// 1、在设置filter属性时，元素必须已经存在在DOM树中，动态创建的Node，也需要在设置属性前加入到DOM中，先设置属性在加入，无效；
		// 2、src属性需要像下面的方式添加，上面的两种方式添加，无效；
		imgObj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
		imgObj.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = dataURL;
		 
		}
		
		});
});
/*$(function() {
$("#file_upload1").change(function() {
       uploadfileimgWhich = 1;
      uploadFile(this);
var $file = $(this);
var fileObj = $file[0];
var windowURL = window.URL || window.webkitURL;
var dataURL;
var $img = $("#preview1");
 
if(fileObj && fileObj.files && fileObj.files[0]){
dataURL = windowURL.createObjectURL(fileObj.files[0]);
$img.attr('src',dataURL);
}else{
dataURL = $file.val();
var imgObj = $("#preview1");
// 两个坑:
// 1、在设置filter属性时，元素必须已经存在在DOM树中，动态创建的Node，也需要在设置属性前加入到DOM中，先设置属性在加入，无效；
// 2、src属性需要像下面的方式添加，上面的两种方式添加，无效；
imgObj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
imgObj.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = dataURL;
 
}
});
});*/
	$(function() {
		$("#file_upload2").change(function() {
		
			uploadfileimgWhich = 2;
			var arr = $(this).val().split(".");
			lrz(this.files[0])
	        .then(function (rst) {
	            // 处理成功会执行
	            console.log(rst);
	            uploadFile(rst.base64,arr[1]);
	        })
	        .catch(function (err) {
	            // 处理失败会执行
	        })
	        .always(function () {
	            // 不管是成功失败，都会执行
	        });	
			
		var $file = $(this);
		var fileObj = $file[0];
		var windowURL = window.URL || window.webkitURL;
		var dataURL;
		var $img = $("#preview2");
		 
		if(fileObj && fileObj.files && fileObj.files[0]){
		dataURL = windowURL.createObjectURL(fileObj.files[0]);
		$img.attr('src',dataURL);
		}else{
		dataURL = $file.val();
		var imgObj = $("#preview2");
		// 两个坑:
		// 1、在设置filter属性时，元素必须已经存在在DOM树中，动态创建的Node，也需要在设置属性前加入到DOM中，先设置属性在加入，无效；
		// 2、src属性需要像下面的方式添加，上面的两种方式添加，无效；
		imgObj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
		imgObj.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = dataURL;
		 
		}
		
		});
});
	$(function() {
		$("#file_upload3").change(function() {
		
			uploadfileimgWhich = 3;
			var arr = $(this).val().split(".");
			lrz(this.files[0])
	        .then(function (rst) {
	            // 处理成功会执行
	            console.log(rst);
	            uploadFile(rst.base64,arr[1]);
	        })
	        .catch(function (err) {
	            // 处理失败会执行
	        })
	        .always(function () {
	            // 不管是成功失败，都会执行
	        });	
			
		var $file = $(this);
		var fileObj = $file[0];
		var windowURL = window.URL || window.webkitURL;
		var dataURL;
		var $img = $("#preview3");
		 
		if(fileObj && fileObj.files && fileObj.files[0]){
		dataURL = windowURL.createObjectURL(fileObj.files[0]);
		$img.attr('src',dataURL);
		}else{
		dataURL = $file.val();
		var imgObj = $("#preview3");
		// 两个坑:
		// 1、在设置filter属性时，元素必须已经存在在DOM树中，动态创建的Node，也需要在设置属性前加入到DOM中，先设置属性在加入，无效；
		// 2、src属性需要像下面的方式添加，上面的两种方式添加，无效；
		imgObj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
		imgObj.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = dataURL;
		 
		}
		
		});
});
	$(function() {
		$("#file_upload4").change(function() {
		
			uploadfileimgWhich = 4;
			var arr = $(this).val().split(".");
			lrz(this.files[0])
	        .then(function (rst) {
	            // 处理成功会执行
	            console.log(rst);
	            uploadFile(rst.base64,arr[1]);
	        })
	        .catch(function (err) {
	            // 处理失败会执行
	        })
	        .always(function () {
	            // 不管是成功失败，都会执行
	        });	
			
		var $file = $(this);
		var fileObj = $file[0];
		var windowURL = window.URL || window.webkitURL;
		var dataURL;
		var $img = $("#preview4");
		 
		if(fileObj && fileObj.files && fileObj.files[0]){
		dataURL = windowURL.createObjectURL(fileObj.files[0]);
		$img.attr('src',dataURL);
		}else{
		dataURL = $file.val();
		var imgObj = $("#preview4");
		// 两个坑:
		// 1、在设置filter属性时，元素必须已经存在在DOM树中，动态创建的Node，也需要在设置属性前加入到DOM中，先设置属性在加入，无效；
		// 2、src属性需要像下面的方式添加，上面的两种方式添加，无效；
		imgObj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
		imgObj.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = dataURL;
		 
		}
		
		});
});
	$(function() {
		$("#file_upload5").change(function() {
		
			uploadfileimgWhich = 5;
			var arr = $(this).val().split(".");
			lrz(this.files[0])
	        .then(function (rst) {
	            // 处理成功会执行
	            console.log(rst);
	            uploadFile(rst.base64,arr[1]);
	        })
	        .catch(function (err) {
	            // 处理失败会执行
	        })
	        .always(function () {
	            // 不管是成功失败，都会执行
	        });	
			
		var $file = $(this);
		var fileObj = $file[0];
		var windowURL = window.URL || window.webkitURL;
		var dataURL;
		var $img = $("#preview5");
		 
		if(fileObj && fileObj.files && fileObj.files[0]){
		dataURL = windowURL.createObjectURL(fileObj.files[0]);
		$img.attr('src',dataURL);
		}else{
		dataURL = $file.val();
		var imgObj = $("#preview5");
		// 两个坑:
		// 1、在设置filter属性时，元素必须已经存在在DOM树中，动态创建的Node，也需要在设置属性前加入到DOM中，先设置属性在加入，无效；
		// 2、src属性需要像下面的方式添加，上面的两种方式添加，无效；
		imgObj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
		imgObj.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = dataURL;
		 
		}
		
		});
});
	$(function() {
		$("#file_upload6").change(function() {
		
			uploadfileimgWhich = 6;
			var arr = $(this).val().split(".");
			lrz(this.files[0])
	        .then(function (rst) {
	            // 处理成功会执行
	            console.log(rst);
	            uploadFile(rst.base64,arr[1]);
	        })
	        .catch(function (err) {
	            // 处理失败会执行
	        })
	        .always(function () {
	            // 不管是成功失败，都会执行
	        });	
			
		var $file = $(this);
		var fileObj = $file[0];
		var windowURL = window.URL || window.webkitURL;
		var dataURL;
		var $img = $("#preview6");
		 
		if(fileObj && fileObj.files && fileObj.files[0]){
		dataURL = windowURL.createObjectURL(fileObj.files[0]);
		$img.attr('src',dataURL);
		}else{
		dataURL = $file.val();
		var imgObj = $("#preview6");
		// 两个坑:
		// 1、在设置filter属性时，元素必须已经存在在DOM树中，动态创建的Node，也需要在设置属性前加入到DOM中，先设置属性在加入，无效；
		// 2、src属性需要像下面的方式添加，上面的两种方式添加，无效；
		imgObj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
		imgObj.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = dataURL;
		 
		}
		
		});
});
	$(function() {
		$("#file_upload7").change(function() {
		
			uploadfileimgWhich = 7;
			var arr = $(this).val().split(".");
			lrz(this.files[0])
	        .then(function (rst) {
	            // 处理成功会执行
	            console.log(rst);
	            uploadFile(rst.base64,arr[1]);
	        })
	        .catch(function (err) {
	            // 处理失败会执行
	        })
	        .always(function () {
	            // 不管是成功失败，都会执行
	        });	
			
		var $file = $(this);
		var fileObj = $file[0];
		var windowURL = window.URL || window.webkitURL;
		var dataURL;
		var $img = $("#preview7");
		 
		if(fileObj && fileObj.files && fileObj.files[0]){
		dataURL = windowURL.createObjectURL(fileObj.files[0]);
		$img.attr('src',dataURL);
		}else{
		dataURL = $file.val();
		var imgObj = $("#preview7");
		// 两个坑:
		// 1、在设置filter属性时，元素必须已经存在在DOM树中，动态创建的Node，也需要在设置属性前加入到DOM中，先设置属性在加入，无效；
		// 2、src属性需要像下面的方式添加，上面的两种方式添加，无效；
		imgObj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
		imgObj.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = dataURL;
		 
		}
		
		});
});
	$(function() {
		$("#file_upload8").change(function() {
		
			uploadfileimgWhich = 8;
			var arr = $(this).val().split(".");
			lrz(this.files[0])
	        .then(function (rst) {
	            // 处理成功会执行
	            console.log(rst);
	            uploadFile(rst.base64,arr[1]);
	        })
	        .catch(function (err) {
	            // 处理失败会执行
	        })
	        .always(function () {
	            // 不管是成功失败，都会执行
	        });	
			
		var $file = $(this);
		var fileObj = $file[0];
		var windowURL = window.URL || window.webkitURL;
		var dataURL;
		var $img = $("#preview8");
		 
		if(fileObj && fileObj.files && fileObj.files[0]){
		dataURL = windowURL.createObjectURL(fileObj.files[0]);
		$img.attr('src',dataURL);
		}else{
		dataURL = $file.val();
		var imgObj = $("#preview8");
		// 两个坑:
		// 1、在设置filter属性时，元素必须已经存在在DOM树中，动态创建的Node，也需要在设置属性前加入到DOM中，先设置属性在加入，无效；
		// 2、src属性需要像下面的方式添加，上面的两种方式添加，无效；
		imgObj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
		imgObj.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = dataURL;
		 
		}
		
		});
});
        $(document).ready(function(){
            var lineHeight=$('.a-upload').width()/2-5;
	    	$(".a-upload span").css('padding-top',lineHeight);	    	
	    	$('.a-upload').height($('.a-upload').width()*1.8);
	    	$('.a-upload input').height($('.a-upload').width()*1.8);
	    	$('.del-list').css('margin-top',$('.a-upload ').height());
            $('#file_upload1').change(function(){
            	$('#preview1').height($('.a-upload ').height());
            });
            $('#file_upload2').change(function(){
            	$('#preview2').height($('.a-upload ').height());
            	
            });
            $('#file_upload3').change(function(){
            	$('#preview3').height($('.a-upload ').height());
            	
            });
            $('#file_upload4').change(function(){
            	$('#preview4').height($('.a-upload ').height());
            	
            });
            $('#file_upload5').change(function(){
            	$('#preview5').height($('.a-upload ').height());
            	
            });
            $('#file_upload6').change(function(){
            	$('#preview6').height($('.a-upload ').height());
            	
            });
            $('#file_upload7').change(function(){
            	$('#preview7').height($('.a-upload ').height());
            	
            });
             $('#file_upload8').change(function(){
            	$('#preview8').height($('.a-upload ').height());          	
            });
            $('#del-list1').click(function(){
            	 $('#preview1').removeAttr('src');
            	 $('#preview1').height(0);
                   $("#uploadfileimg1").val('')
            	 
            });
            $('#del-list2').click(function(){
            	 $('#preview2').removeAttr('src');
            	 $('#preview2').height(0);
                   $("#uploadfileimg2").val('')
            	 
            });
            $('#del-list3').click(function(){
            	 $('#preview3').removeAttr('src');
            	 $('#preview3').height(0);
                   $("#uploadfileimg3").val('')
            	 
            });
            $('#del-list4').click(function(){
            	 $('#preview4').removeAttr('src');
            	 $('#preview4').height(0);
            	 $("#uploadfileimg4").val('')
            });
            $('#del-list5').click(function(){
            	 $('#preview5').removeAttr('src');
            	 $('#preview5').height(0);
            	 $("#uploadfileimg5").val('')
            });
            $('#del-list6').click(function(){
           	 $('#preview6').removeAttr('src');
           	 $('#preview6').height(0);
           	 $("#uploadfileimg6").val('')
           });
           $('#del-list7').click(function(){
           	 $('#preview7').removeAttr('src');
           	 $('#preview7').height(0);
           	 $("#uploadfileimg7").val('')
           });
           $('#del-list8').click(function(){
           	 $('#preview8').removeAttr('src');
           	 $('#preview8').height(0);
           	 $("#uploadfileimg8").val('')
           });
           
           /*$('#im10').css({"hegint":"260px","width":"356px"});
           $('#file_upload10').change(function(){
           	$('#preview10').height($('#im10').width());          	
           });
           $('#del-list10').click(function(){
           	 $('#preview10').removeAttr('src');
           	 $('#preview10').height(0);
                  $("#uploadfileimg10").val('')
           	 
           });*/
		});

        $(document).ready(function(){
        	function hw(){
        /*        var lineHeight=$('.a-upload').width()/2-5;
            	$(".a-upload span").css('padding-top',lineHeight);	    	
            	$('.a-upload').height($('.a-upload').width()*1.8);
            	$('.a-upload input').height($('.a-upload').width()*1.8);
            	$('.del-list').css('margin-top',$('.a-upload ').height());
            	var picHeight=$('.a-upload').height();
            	$('.a-upload input').change(function(){
                	$(this).siblings().children().height(picHeight);            	
                });*/
            	/*$("#preview4").attr({"src" : paths+"/admin/images/jia.png","display":"block",});
            	$("#preview4").css({"margin-top":"50px"});*/
            	for (var i = 5; i <= 8; i++) {
        			$("#pic"+i).hide();
        		}
            	
            }
        	hw();
        	$('.addpic').click(function(){
        		$("#pre4").remove();
        		var s = $('.addpic').index($(this));
        		s = s+5; 
        		var tag = $("#pic"+s).css("display");
        		if(s<9 && tag == "none"){
        			 $('#file_upload'+s).change(function(){
        	            	$('#preview'+s).height($('.a-upload ').height());
        	            	
        	            });
        			var e = s-1;
            		/*$("#preview"+e).attr("src","");*/
        			$("#pre"+e).remove();
            		$("#preview"+e).css({"margin-top":"0","border":"none"});
            		/*$("#preview"+s).attr({"src" : paths+"/admin/images/jia.png","display":"block",});
            		$("#preview"+s).css({"margin-top":"50px"});*/
            		$("#pic"+s).show();
            		if(s==8){
            		/*	$("#preview"+s).attr("src","");
            			$("#preview"+s).css({"margin-top":"0","border":"none"});*/
            			$("#pre8").remove();
            		}
            		$("#pic"+s).show();
            		
        		}
        		
        		/*var html;
        		html = '<div class="picture"><a href="#" class="a-upload" ><input type="file"/><div class="image_container"><img style="z-index: -1;"></div></a></div>'	
        	    $('.qu').append(html);
        	    hw();
        	    if($('.picture').length == 8){
            		$('.btnss').hide();
            	}*/
        		
        	});
        });
  /*
     * 图片上传开始
     */
   

    function uploadFile(base64Content,fileFormat) {
        /*console.log("userfile.files[0]",userfile.files[0])
        userfileShowDisc=userfile;
        var fd = new FormData();
        fd.append("userfile",userfile.files[0]);
        console.log("fd",fd)*/
        var fd = new FormData();
        var base64 = base64Content.split(",");
        fd.append("subfile",base64[1]);
        fd.append("fileFormat",fileFormat);
        var xhr = new XMLHttpRequest();
        xhr.upload.addEventListener("progress", uploadProgress, false);
        xhr.addEventListener("load", uploadComplete, false);
        xhr.addEventListener("error", uploadFailed, false);
        xhr.addEventListener("abort", uploadCanceled, false);
        xhr.open("POST", "/DRP/file/upload.html");
        xhr.send(fd);
    }

    function uploadProgress(evt) {
        if (evt.lengthComputable) {
            var percentComplete = Math.round(evt.loaded * 100 / evt.total);
            console.log(percentComplete)
            $(".post_img_inp").html('图片上传中'+percentComplete + '%');
        }else {
        }
    }

   /* function uploadComplete(evt) {
      console.log(evt.target.responseText)

        var json = eval('(' + evt.target.responseText + ')');
        console.log(json.img)

        $("#uploadfileimg"+uploadfileimgWhich).val(json.img)

       //  if (uploadfileimgWhich==1) {
       //       $("#uploadfileimg1").val(json.img)
       // }else if (uploadfileimgWhich==2) {
       //      $("#uploadfileimg2").val(json.img)
       // }else if (uploadfileimgWhich==3) {
       //      $("#uploadfileimg3").val(json.img)
       // }else if (uploadfileimgWhich==4) {
       //      $("#uploadfileimg4").val(json.img)
       // }else if (uploadfileimgWhich==5) {
       //      $("#uploadfileimg5").val(json.img)
       // }
       
      
       
    }*/
    function uploadComplete(evt) {
    	
    	 var picUrl = evt.target.responseText;
    	var planPics = $("#planPics").val();
    	var picList = planPics.split(",");
    	var num = uploadfileimgWhich;
    	//
    	
    	switch (num) {
		case 1:
			picList[0] = evt.target.responseText;
			$("#planPics").val(picList.join(","));
			break;
		case 2:
			picList[1] = evt.target.responseText;
			$("#planPics").val(picList.join(","));
			break;
		case 3:
			picList[2] = evt.target.responseText;
			$("#planPics").val(picList.join(","));
			break;
		case 4:
			picList[3] = evt.target.responseText;
			$("#planPics").val(picList.join(","));
			break;
		case 5:
			picList[4] = evt.target.responseText;
			$("#planPics").val(picList.join(","));
			break;
		case 6:
			picList[5] = evt.target.responseText;
			$("#planPics").val(picList.join(","));
			break;
		case 7:
			picList[6] = evt.target.responseText;
			$("#planPics").val(picList.join(","));
			break;
		case 8:
			picList[7] = evt.target.responseText;
			$("#planPics").val(picList.join(","));
			break;
		case 10:
			$("#planCover").val(picUrl);
			break;
		default:
			break;
		}
        console.log(evt.target.responseText);
  /*      $("#planPic"+uploadfileimgWhich).val(evt.target.responseText);*/
        
   
      }
    function uploadFailed(evt) {
        alert("上传失败");
    }

    function uploadCanceled(evt) {
        // alert("已经取消上传");
    }